<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>
	<!-- NOT USED - PLANNED FOR FUTURE RELEASE -->
	<!-- include meta, stylesheets, jquery and title -->
	<ui:include src="/WEB-INF/master/implement.xhtml" />
</h:head>

<h:body>

	<ui:include src="/WEB-INF/master/header.xhtml" />

	<div class="container navigation">
		<ui:include src="/WEB-INF/master/navigation.xhtml" />

		<div class="col-md-10">
			<h:form>

				<div class="row-fluid">
					<div class="col-sm-12" style="text-align: center">
						<h1>Pokemon hinzufügen</h1>
					</div>
				</div>

				<div class="row-fluid">
					<div class="col-sm-4" />
					<div class="col-sm-4">
						<select class="form-control">
							<option>1</option>
							<option>2</option>
						</select>
					</div>
					<div class="col-sm-4" />
				</div>

				<div class="row-fluid">

					<div class="col-sm-12">
						<center>
							<img src="img/6.png" alt="some_text" width="200" height="200" title="Glurak" />
						</center>
					</div>

					<div class="col-sm-12">

						<div class="col-sm-4">
							<table class="table table-borderless">
								<thead>
									<tr class="table-bordered">
										<th colspan="2">Allgemeine Infos</th>
									</tr>
								</thead>
								<tbody>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Typ:</td>
										<td><p:inputText /></td>
									</tr>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Level:</td>
										<td><p:inputText /></td>
									</tr>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Wesen:</td>
										<td><select class="form-control input-sm">
												<option>1</option>
												<option>2</option>
										</select></td>
									</tr>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Fähigkeit:</td>
										<td><select class="form-control input-sm">
												<option>1</option>
												<option>2</option>
										</select></td>
									</tr>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Geschlecht:</td>
										<td><select class="form-control input-sm">
												<option>1</option>
												<option>2</option>
										</select></td>
									</tr>
								</tbody>
							</table>
						</div>

						<div class="col-sm-6">
							<table class="table table-borderless">
								<thead>
									<tr class="table-bordered">
										<th colspan="2">Authentifizierung</th>
									</tr>
								</thead>
								<tbody>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Finder:</td>
										<td><p:inputText size="37" /></td>
									</tr>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Fanglevel:</td>
										<td><p:inputText size="37" /></td>
									</tr>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Fangort:</td>
										<td><p:inputText size="37" /></td>
									</tr>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Fangdatum:</td>
										<td><p:inputMask value="#{maskController.date}" mask="99/99/9999" size="37" /></td>
									</tr>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">DV-Spruch:</td>
										<td><p:inputText size="37" /></td>
									</tr>
								</tbody>
							</table>
						</div>

						<div class="col-sm-2">
							<div class="checkbox">
								<label> <input type="checkbox" value="">Shiny</input>
								</label>
							</div>
							<div class="checkbox">
								<label> <input type="checkbox" value="">Event</input>
								</label>
							</div>
							<div class="checkbox">
								<label> <input type="checkbox" value="" disabled="disabled">Legendär</input>
								</label>
							</div>
							<br />
							<div class="checkbox">
								<label> <input type="checkbox" value="">Deal of the Day</input>
								</label>
							</div>
							<br /> <span style="font-size: medium;">Preis:</span>
							<p:inputText />
							<span style="font-size: medium;">Sonderpreis:</span>
							<p:inputText />
						</div>

					</div>

					<div class="col-sm-12">

						<div class="col-sm-4">
							<table class="table table-borderless">
								<thead>
									<tr class="table-bordered">
										<th colspan="2">Attacken</th>
									</tr>
								</thead>
								<tbody>
									<tr class="table-bordered">
										<td><select class="form-control input-sm" style="width: 129px">
												<option>Donnerschlag</option>
												<option>Donnerschlag</option>
										</select></td>
										<td><select class="form-control input-sm" style="width: 129px">
												<option>Donnerschlag</option>
												<option>2</option>
										</select></td>
									</tr>
									<tr class="table-bordered">
										<td><select class="form-control input-sm" style="width: 129px">
												<option>1</option>
												<option>2</option>
										</select></td>
										<td><select class="form-control input-sm" style="width: 129px">
												<option>1</option>
												<option>2</option>
										</select></td>
									</tr>
								</tbody>
							</table>
						</div>

						<div class="col-sm-6">
							<table class="table table-borderless">
								<thead>
									<tr class="table-bordered">
										<th colspan="6">EV-Werte</th>
									</tr>
								</thead>
								<tbody>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">KP</td>
										<td style="vertical-align: middle;">-</td>
										<td><p:inputText size="5" /></td>
										<td style="vertical-align: middle;">Sp.-Angriff</td>
										<td style="vertical-align: middle;">-</td>
										<td><p:inputText size="5" /></td>
									</tr>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Angriff</td>
										<td style="vertical-align: middle;">-</td>
										<td><p:inputText size="5" /></td>
										<td style="vertical-align: middle;">Sp.-Vert.</td>
										<td style="vertical-align: middle;">-</td>
										<td><p:inputText size="5" /></td>
									</tr>
									<tr class="table-bordered">
										<td style="vertical-align: middle;">Verteidigung</td>
										<td style="vertical-align: middle;">-</td>
										<td><p:inputText size="5" /></td>
										<td style="vertical-align: middle;">Initiative</td>
										<td style="vertical-align: middle;">-</td>
										<td><p:inputText size="5" /></td>
									</tr>
								</tbody>
							</table>
						</div>

						<div class="col-sm-2">
							<button type="button" class="btn btn-default">
								<a href="#">Pokemon anlegen</a>
							</button>
							<br /> <br />
							<button type="button" class="btn btn-default">
								<a href="#">Neu &amp; Pokemon anlegen</a>
							</button>
						</div>

					</div>

				</div>
			</h:form>
		</div>

	</div>

</h:body>
</html>
